<template>
  <div>
    <h3>{{name}}的歌曲列表</h3>
  </div>
</template>

<script>
export default {
name:"MusicDetail",
mounted(){
    // 我们想要获取动态路由params传值，需要使用$router
    // $router.params是一个对象，包含params传递过来的数据
    console.log(this.$route);
},
computed:{
    name(){
        const{id}=this.$route.params
        switch(id){
            case "1":
                return "周杰伦";
             case "2":
                return "林俊杰";
             case "3":
                return "陈奕迅"; 
                default:
                    return "xxxx"   
        }
    }
}
}
</script>

<style>

</style>